

const template = `

<div class="pagers">
    <ul >
        <li 
            v-for="(item,i) in menuClass"
            @click="changeList(i+1)"
            :class="{choosed:i+1===current}"
        >
            {{i+1}}{{item.name}}
        </li>
    </ul>
    <span>{{current}}</span>
</div>

`
export default {
    template,
    props:{
        menuClass:{
            type:Array,
            default:[]
        },
        current:{
            type:Number,
            default:1
        }
    },
    data() {
        return {
            name: "pager"
        }
    },
    methods:{
        changeList(newPage){
            console.log(newPage);
            this.$emit("input", newPage);
        }
    },
    components: {
        
    }
}